@charset "utf-8";
/* more */
.more{ text-align: center;}
.more .btn-more{display: inline-block; padding: 4px 15px; color: #A0A2B1;}
.more-default {margin: 24px 0 39px;}
.more-default .btn-more{ border: 1px solid #ccc; border-radius: 30px;color: #64697F;}
.more b{display: inline-block; width: 13px; height: 11px; background-image: url(../images/ico-arr.png); background-repeat: no-repeat; transition: all .3s; }
.more .btn-more:hover{color: #FFBA00;border-color:#FFBA00;}
.more .btn-more:hover b{background-position: 0 -12px;}
/* banner */
.banner{margin-bottom: 34px;}
.banner .swiper-container{min-width: 1200px; height: 622px;}
.banner .swiper-slide {position: relative; background: #fff;}
.banner .swiper-slide .banner-img {position: relative; left: 50%; margin-left: -960px; width: 1920px; min-width: 1200px; background-repeat: no-repeat; background-position: center; height: 622px;}
.banner .swiper-slide .banner-img img{}
.banner .swiper-pagination-bullet {position: relative;width: 30px;height: 3px;border-radius: 4px!important; margin-right: 10px;background: #ccc;border-radius: 0;opacity: 1;transition: all 3s;outline: none;}
.banner .swiper-pagination-bullet:before {position: absolute;top: 0;left: 0;content: "";z-index: 1;width: 100%;height: 3px;background-color: #444;display: none;border-radius: 3px!important;}
.banner-position{position: absolute;top: 0; left: 0; z-index: 4; width: 100%; height: 100%; text-align: left;}
.banner-position .container-width{ height: 100%; display: flex; align-items: center;}
.banner-text h3{font-size: 48px; color: #071131;}
.banner-text h3 i{font-style: inherit; color: #FF7766;}
.banner-text p{margin: 32px 0; line-height: 40px;font-weight:400; font-size: 24px; color: #64697F;}
.banner-more{text-align: left;}
.banner-more .btn-more{padding: 0;}
/*  */
.ani-text{transform: translateY(-30px);opacity: 0;transition: all 1s ease-in-out;transition-delay: .5s;}
.ani-a{opacity: 0;transition: all 1s ease-in-out;}
.ani-img{transform: translate(20px , -30px);opacity: 0;transition: all 1s ease-in-out;}
/* 状态 */
.ani-slide .ani-text{transform: translateX(0);opacity: 1;}
.ani-slide .ani-a{opacity: 1;}
.ani-slide .ani-img{transform: translate(0);opacity: 1;}
.timer-cl:before {animation: liner 5s ease-in-out;display: block !important;}
@keyframes liner {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}
/* 课程 */
.index-project ul{margin-left: -25px;}
.index-project ul li{float: left; padding-left: 56px; text-align: center;}
.index-project-box{display: block; width: 344px; height: 416px;box-shadow:0px 2px 8px 0px rgba(0,0,0,0.12);border-radius: 4px;transition: all .3s; overflow: hidden;}
.index-project-pic{overflow: hidden;}
.index-project-pic img{width: 344px;}
.index-project-content{padding-bottom: 35px;}
.index-project-content h1{font-size:30px;color: #071131;}
.index-project-content p{margin-bottom: 25px; line-height: 26px; font-size: 16px; color: #64697F;}
.index-project ul li:first-child a{border-top-left-radius: 100px;}
.index-project ul li:last-child a{border-bottom-right-radius: 100px;}
/* hover */
.index-project ul li a:hover{box-shadow:0px 40px 60px -6px rgba(100,105,127,0.2);}
/* 优势 */
.index-advantage-box{display: table;}
.index-advantage-content,
.index-advantage-pic{ width: 600px; padding: 0 30px;display:table-cell; vertical-align: middle;overflow: hidden;}
.index-advantage-txt{position: relative; padding-left: 200px; padding-right: 53px;}
.index-advantage-txt span{position: absolute; top: 0; left:0;display: block; width: 160px;}
.index-advantage-txt span img{max-width: 100%;}
.index-advantage-txt h3{margin-bottom: 28px; font-size: 30px; color: #071131;}
.index-advantage-txt p{width: 277px; line-height:26px;font-size: 16px; color: #A0A2B1;}
.index-advantage-pic{position: relative; padding: 30px;}
.index-advantage-pic img{max-width: 100%;}
.index-advantage-pic-item{position: absolute; top: 0; left: 0; padding: 30px;}
.index-advantage-content-os{display: none;}
.index-advantage ul li{float: left; width: 50%; margin-bottom: 90px;}
.index-advantage .index-advantage-left {float: left;width:222px; height: 164px; overflow: hidden;}
.index-advantage .index-advantage-left img {width:210px;height: 160px;}
.index-advantage .index-advantage-right { float: right;width: 354px; padding-right: 54px;}
.index-advantage-right h3 {margin-top: 31px; font-size: 30px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #071131;
	line-height: 30px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-advantage-right p {margin: 16px 0 38px;height: 60px; font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #A0A2B1;
	line-height: 26px;overflow: hidden;}
.index-advantage .container-width{
	padding-top: 47px;
}
.index-advantage{
	padding-bottom: 0;
}
/*  */
.about-honor{margin: 50px auto; width: 1200px;}
.about-honor .swiper-container {padding-top: 40px; padding-bottom: 50px;text-align: center;}
.about-honor .swiper-container .swiper-slide>div{position: relative;display: inline-block;border-radius: 8px;overflow: hidden;}
.about-honor .swiper-container h3{position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; line-height: 55px; text-align: center; color: #fff; background-color: rgba(0,0,0,.5);font-size:14px; transform: translateY(55px);transition: all .3s; }
.about-honor .swiper-pagination-bullet {position: relative;width: 30px;height: 3px;border-radius: 4px !important;margin-right: 10px;background: #ccc;border-radius: 0;opacity: 1;transition: all 3s;outline: none;}
.about-honor .swiper-pagination-bullet:before {position: absolute;top: 0;left: 0;content: "";z-index: 1;width: 100%;height: 3px;background-color: #444;display: none;border-radius: 3px !important;}
.timer-cl:before {animation: liner 5s ease-in-out;display: block !important;}@keyframes liner {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}
.about-honor-scale {position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);display: flex;align-items: center;justify-content: center;text-align: center;visibility: hidden;opacity: 0;transition: all .3s;}
.about-honor-scale>div {position: relative;}

#about-honor-arrleft,
#about-honor-arrright {position: absolute;top: 50%;margin-top: -30px;height: 30px;cursor: pointer;opacity: .5;}
#about-honor-arrleft {left: -50px;}
#about-honor-arrright {right: -50px;}
#about-honor-img {display: inline-block;margin: 0 auto;width: 600px;}
#about-honor-img img{border-radius:8px;}
#about-honor-img h3 {margin-top: 24px;font-size: 16px;color: #fff;}
.show {visibility: visible;opacity: 1;}
#about-honor-arrleft:hover,
#about-honor-arrright:hover {opacity: 1;}
.about-honor .swiper-container .swiper-slide>div:hover h3{ transform: translateY(0);}
/*  */
.index-auth{margin: 50px auto; width: 1200px;}
.index-auth .swiper-container {padding-top: 40px; padding-bottom: 50px;text-align: center;}
.index-auth .swiper-container .swiper-slide>div{position: relative;display: inline-block;border-radius: 8px;overflow: hidden;}
.index-auth .swiper-container h3{position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; line-height: 55px; text-align: center; color: #fff; background-color: rgba(0,0,0,.5);font-size:14px; transform: translateY(55px);transition: all .3s; }
.index-auth .swiper-pagination-bullet {position: relative;width: 30px;height: 3px;border-radius: 4px !important;margin-right: 10px;background: #ccc;border-radius: 0;opacity: 1;transition: all 3s;outline: none;}
.index-auth .swiper-pagination-bullet:before {position: absolute;top: 0;left: 0;content: "";z-index: 1;width: 100%;height: 3px;background-color: #444;display: none;border-radius: 3px !important;}
.timer-cl:before {animation: liner 5s ease-in-out;display: block !important;}@keyframes liner {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}
.index-auth-scale {position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);display: flex;align-items: center;justify-content: center;text-align: center;visibility: hidden;opacity: 0;transition: all .3s;}
.index-auth-scale>div {position: relative;}

#index-auth-arrleft,
#index-auth-arrright {position: absolute;top: 50%;margin-top: -30px;height: 30px;cursor: pointer;opacity: .5;}
#index-auth-arrleft {left: -50px;}
#index-auth-arrright {right: -50px;}
#index-auth-img {display: inline-block;margin: 0 auto;width: 600px;}
#index-auth-img img{border-radius:8px;}
#index-auth-img h3 {margin-top: 24px;font-size: 16px;color: #fff;}
.show {visibility: visible;opacity: 1;}
#index-auth-arrleft:hover,
#index-auth-arrright:hover {opacity: 1;}
.index-auth .swiper-container .swiper-slide>div:hover h3{ transform: translateY(0);}
/* 新闻 */
.index-news {padding-top: 56px;}
.index-news ul li {float: left;width: 50%;}
.index-news ul li a{position: relative; display: block;}
.index-news .index-news-left {float: left;width:222px; height: 164px; border-radius:12px;-webkit-border-radius:12px; transform:scale(1); -webkit-transform:scale(1);overflow: hidden;}
.index-news .index-news-left img {width:222px;height: 164px; transition: all .3s;}
.index-news .index-news-right { float: right;width: 354px; padding-right: 54px;}
.index-news-right h3 {font-size: 20px; color: #333333; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-news-right p {margin: 24px 0 38px;height: 60px; color: #A0A2B1;overflow: hidden;}
.index-news-right span {position: absolute;bottom: 0; left: 248px; color: #A0A2B1;}
/*  */
.index-news ul li:nth-child(1) a,
.index-news ul li:nth-child(2) a{animation-delay: .4s;margin-bottom: 60px;}
.index-news ul li:nth-child(3) a,
.index-news ul li:nth-child(4) a{animation-delay: .8s;}

/* hover */
.index-news ul li a:hover .index-news-left img {transform: scale(1.1);}
.index-news ul li a:hover .index-news-right h3 {color: #FFBA00;}
/*  */
.university-list{
	display: flex;
	justify-content: space-between;
}
/* 伙伴 */
.index-fdlink ul{padding: 45px 0 59px;display: flex;flex-wrap: wrap;}
/* .index-fdlink ul li{ margin-right:65px;} */
.index-fdlink ul li a{display: block; text-align: left;  height: 48px; display: flex; align-items: center; margin-bottom: 60px;}
.index-fdlink ul li img{max-width: 100%; height: 48px;}
.index-fdlink ul li:last-child{ margin-right:0 ;}
/*  */
.index-fdlink ul li:nth-child(5n+1){animation-delay: .8s;}
.index-fdlink ul li:nth-child(5n+2){animation-delay: 1s;}
.index-fdlink ul li:nth-child(5n+3){animation-delay: 1.2s;}
.index-fdlink ul li:nth-child(5n+4){animation-delay: 1.4s;}
.index-fdlink ul li:nth-child(5n+5){animation-delay: 1.6s;}

/* 动画 */
.myjump{animation: myjump 3s linear infinite;}
@keyframes myjump{
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(10px);
	}
	50% {
		transform: translateY(20px);
	}
	75% {
		ransform: translateY(10px) ;
	}
	100% {
		transform: translateY(0) ;
	}
}

.goLeft {
    -webkit-animation-name: goLeft;
    animation-name: goLeft;
}
@keyframes goLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px,0,0);
		transform: translate3d(-30px,0,0)
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.goRight {
    -webkit-animation-name: goRight;
    animation-name: goRight;
}
@keyframes goRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px,0,0);
		transform: translate3d(30px,0,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.goUp {
    -webkit-animation-name: goUp;
    animation-name: goUp;
}

@keyframes goUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,30px,0);
		transform: translate3d(0,30px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.goDown {
    -webkit-animation-name: goDown;
    animation-name: goDown;
}
@keyframes goDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}


/* title */
.titleDown {
    -webkit-animation-name: titleDown;
    animation-name: titleDown;
}
@keyframes titleDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-50px,0);
		transform: translate3d(0,-50px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}


/* bg */
.bgLeft {
    -webkit-animation-name: bgLeft;
    animation-name: bgLeft;
}
.bgRight {
    -webkit-animation-name: bgRight;
    animation-name: bgRight;
}
@keyframes bgLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-80px,0,0);
		transform: translate3d(-80px,0,0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@keyframes bgRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(80px,0,0);
		transform: translate3d(80px,0,0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}